<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <script src="../../libs/layui/layui.js"></script>
        <link rel="stylesheet" href="../../libs/layui/css/layui.css" />
        <title>Layui - 垂直导航 (v2.6.8)</title>
    </head>
    <body>
        <ul class="layui-nav layui-nav-tree" id="L_demoNav" lay-filter="test">
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;">默认展开<i class="layui-icon layui-icon-down layui-nav-more"></i></a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">选项1</a></dd>
                    <dd><a href="javascript:;">选项2</a></dd>
                    <dd><a href="">跳转项</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">解决方案<i class="layui-icon layui-icon-down layui-nav-more"></i></a>
                <dl class="layui-nav-child">
                    <dd><a href="">移动模块</a></dd>
                    <dd><a href="">后台模版</a></dd>
                    <dd><a href="">电商平台</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="">产品</a>
            </li>
            <li class="layui-nav-item"><a href="">大数据</a></li>
            <li class="layui-nav-item layui-hide" id="L_demoNavReset"><a href="javascript:;" onclick="L_demoNav.className='layui-nav layui-nav-tree';L_demoNavReset.className='layui-nav-item layui-hide';">还原该导航演示</a></li>
            <span class="layui-nav-bar" style="top: 55px; height: 0px; opacity: 0"></span>
        </ul>

        <script>
            //注意：导航 依赖 element 模块，否则无法进行功能性操作
            layui.use('element', function () {
                var element = layui.element;

                //…
            });
        </script>
    </body>
</html>
